<template>
<div class="header">
    <div class="header-left iconfont icon-chehuisekuai"></div>
    <div class="header-input">
     <i class="iconfont icon-sousuo"></i><input placeholder="请输入旅游景点和主题名称">
    </div>
    <div class="header-right">城市 <i class="iconfont icon-xiajiantou"></i></div>
</div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped lang="stylus">
 @import '~style/varible.styl'
.header
  font-size:16px;
  display:flex;
  line-height .86rem;
  background-color :$bgColor;
  color: white;
  .header-left
    width .64rem;
    float:left;
    font-size:.5rem;
  .header-right
     float:right;
     width:1.24rem;
     text-align center;
  .header-input
    flex:1
    background:white;
    border-radius:.1rem;
    margin-top :.12rem
    padding-left .2rem;
    color :#ccc;
    height .64rem;
    line-height .64rem
</style>